<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css">
    <link rel="stylesheet" type="text/css" href="../../css/api.css">
    <script type="text/javascript" src="../../script/api.js"></script>
</head>

<body>
    <header id="header" class="aui-bar aui-bar-nav aui-bar-pink">
      <div class="aui-pull-left aui-btn" onclick="api.closeWin()">
        <span class="aui-iconfont aui-icon-left"></span>
      </div>
        <div class="aui-title">我的消息</div>
    </header>
    <section class="aui-content">
        <div class="aui-content aui-margin-b-15">
          <ul class="aui-list aui-media-list">
              <li class="aui-list-item aui-list-item-middle" onclick="openComment()">
                 <div class="aui-media-list-item-inner">
                     <div class="aui-list-item-media" style="width: 3rem;">
                         <i class="aui-iconfont aui-icon-comment"></i>
                     </div>
                     <div class="aui-list-item-inner aui-list-item-arrow">
                         <div class="aui-list-item-text">
                             <div class="aui-list-item-title aui-font-size-18">评论我的</div>
                         </div>
                     </div>
                 </div>
             </li>

            <li class="aui-list-item aui-list-item-middle" onclick="openNewFans()">
               <div class="aui-media-list-item-inner">
                   <div class="aui-list-item-media" style="width: 3rem;">
                       <i class="aui-iconfont aui-icon-my aui-list-icon-md"></i>
                   </div>
                   <div class="aui-list-item-inner aui-list-item-arrow">
                       <div class="aui-list-item-text">
                           <div class="aui-list-item-title aui-font-size-18">新粉丝</div>
                       </div>
                   </div>
               </div>
           </li>
           <li class="aui-list-item aui-list-item-middle" onclick="openPersonalLetter()">
              <div class="aui-media-list-item-inner">
                  <div class="aui-list-item-media" style="width: 3rem;">
                      <i class="aui-iconfont aui-icon-mail aui-list-icon-md"></i>
                  </div>
                  <div class="aui-list-item-inner aui-list-item-arrow">
                      <div class="aui-list-item-text">
                          <div class="aui-list-item-title aui-font-size-18">私信</div>
                      </div>
                  </div>
              </div>
          </li>
          </ul>
      </div>
    </section>
</body>
<script type="text/javascript">
    apiready = function() {
        window.openComment = function() {
            api.openFrame({
                name: 'comment',
                url: './comment.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                allowEdit:true
            });
        };

        window.openAnswer = function() {
            api.openFrame({
                name: 'answer',
                url: './answer.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                allowEdit:true
            });
        };

        window.openNewFans = function() {
            api.openFrame({
                name: 'newFans',
                url: './newFans.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                allowEdit:true
            });
        };

        window.openPersonalLetter = function() {
            api.openFrame({
                name: 'personalLetter',
                url: './personalLetter.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                allowEdit:true
            });
        };

    }
</script>

</html>
